<!DOCTYPE HTML >
<html>
    <head>
        <title>ID选择器</title>
        <meta charset='utf-8'>
        <style type='text/css'>
            #test {
                color:red;
                border:1px blue solid;
            }
        </style>
        <link rel='stylesheet' type='text/css' href='../css/c1.css'>
    </head>
    <body>
    <div class='title'>ID选择器</div>
    ID选择器和类选择器相似，不同的是，ID选择器不能复用。<br/>
    在一个HTML文档中，一个ID选择器只能把其CSS样式指定给一个标签。
    <div class='title'>代码示例</div>
    <div class='code'>
    <pre>
        &lt;style type='text/css'&gt;
             #test {
                color:red;
                border:1px blue solid;
            }
          &lt;/style&gt;
        &lt;div id='test'&gt;测试代码&lt;/div&gt;
        &lt;div class='test'&gt;测试代码&lt;/div&gt;
    </pre>
    </div>
    <div class='title'>效果</div>
    <div class='result'>
    <div id='test'>测试代码</div>
    <div class='test'>测试代码</div>
    </div>
    </body>
</html>